<template>
  <div class="container">
    <div class="xqct">
      <section class="xqct1" >
        <div class="ct">
          <p class="dyh">
            <span>当前位置</span> : <a href="/">首页</a> > <span>公司变更</span>
           <div>
               <img class="czt_banner" src="~/assets/img/jzgsbg_banner.png">
            </div>
       		</p>
          <!-- 建筑工程设计资质类型 -->

          <section class="jzgcsjzz_top">
            <h4 class="jzlx_tit">建筑工程设计资质类型</h4>
            <p class="jzgsbg_text">高效变更 全程代办 明码标价 拒绝隐形消费</p>
            <ul class="jzgsbg_list af">
              <!-- 循环体 -->
              <li>
                <div class="jzgsbg_left"><img src="~/assets/img/jzgsbgi1.png" alt=""></div>
                <div class="jzgsbg_right">
                  <p class="p1">公司名称变更</p>
                  <p class="p2">可以为您变更公司名称的字号以及公司名称中的行业描述，完成名称变更重新刻制公章</p>
                </div>
              </li>
              <li>
                <div class="jzgsbg_left"><img src="~/assets/img/jzgsbgi2.png" alt=""></div>
                <div class="jzgsbg_right">
                  <p class="p1">经营范围变更</p>
                  <p class="p2">可以为您的公司办理增加或者减少经营范围的手续，满足企业经营范围，让企业经营的更合规</p>
                </div>
              </li>
              <li>
                <div class="jzgsbg_left"><img src="~/assets/img/jzgsbgi3.png" alt=""></div>
                <div class="jzgsbg_right">
                  <p class="p1">公司股东变更</p>
                  <p class="p2">可以为您的公司办理增加或者减少公司股东人数</p>
                </div>
              </li>
              <li>
                <div class="jzgsbg_left"><img src="~/assets/img/jzgsbgi4.png" alt=""></div>
                <div class="jzgsbg_right">
                  <p class="p1">公司股权变更</p>
                  <p class="p2">可以为您的公司办理股权转让手续，流程正规合法</p>
                </div>
              </li>
              <li>
                <div class="jzgsbg_left"><img src="~/assets/img/jzgsbgi5.png" alt=""></div>
                <div class="jzgsbg_right">
                  <p class="p1">公司法人变更</p>
                  <p class="p2">可以为您的公司办理公司法人的变更流程正规合法</p>
                </div>
              </li>
              <li>
                <div class="jzgsbg_left"><img src="~/assets/img/jzgsbgi6.png" alt=""></div>
                <div class="jzgsbg_right">
                  <p class="p1">注册资本变更</p>
                  <p class="p2">可以为您的公司办理增加或者减少公司注册资本数额</p>
                </div>
              </li>
              <li>
                <div class="jzgsbg_left"><img src="~/assets/img/jzgsbgi7.png" alt=""></div>
                <div class="jzgsbg_right">
                  <p class="p1">同区地址变更</p>
                  <p class="p2">可以为您的公司办理同一行政区域公司地址的迁移变更，没有地址企业邦可提供</p>
                </div>
              </li>
              <li>
                <div class="jzgsbg_left"><img src="~/assets/img/jzgsbgi8.png" alt=""></div>
                <div class="jzgsbg_right">
                  <p class="p1">跨区地址变更</p>
                  <p class="p2">可以为您的公司办理不同行政区域，公司地址的迁移变更</p>
                </div>
              </li>
              <!-- 循环体 -->
            </ul>
          </section>


          <!-- 建筑工程设计资质类型 -->
        </div>
      </section>
      <section class="fwjy">
        <h4>服务精英推荐</h4>
        <div v-swiper:mySwiper="swiperOption" style="height: 160px">
        <ul class="gjs swiper-wrapper" style="height: 200px">
          <li class="af swiper-slide"  v-for="(gj,id) in title.gj" :key="id" :class="id>4?[gj2,'li2']:[gj1,'li1']"><img :src="'https://exam.zhonghaiqihang.com/'+gj.servicedetailsavatar" width="86px" height="86px">
            <div class="rt">
              <h5>{{gj.username}}</h5>
              <p>电话: {{gj.mobile}}</p>
              <a :href="gj.cclink" target="_blank">立即咨询</a>
            </div>
          </li>
        </ul>
        </div>
        <div class="qhgj" :style="title.gj.length<=5?'display:none':''"><a href="javascript:;" class="a1 select" @click="mySwiper.slidePrev(200,xqbg('a1'))"></a><a href="javascript:;" class="a2"  @click="mySwiper.slideNext(200,xqbg('a2'))"></a></div>
      </section>
      <section class="cont" style="display: flex; justify-content: space-between;">
        <div class="left">
          <div class="topnav"><a href="" class="select">服务介绍</a></div>
          <img style="margin: 0 auto 0 auto;display: block;" src="~/assets/img/jzgsbg_fwjs.png" alt="">
        </div>
        <!-- 热门服务 -->
          <JZGSRMFW></JZGSRMFW>
        <!-- 热门服务 -->
      </section>
      <section class="sc zssc7 rssb7">
        <div class="ct">
          <ul class="af">
            <li class="li1"><img src="~/assets/img/zssc71.png" width="87" height="87">
              <div>
                <h4>快速响应</h4>
                <p>第一时间响应您的需求</p>
              </div>
            </li>
            <li class="li1"><img src="~/assets/img/zssc72.png" width="87" height="87">
              <div>
                <h4>信息安全</h4>
                <p>保护客户信息安全</p>
              </div>
            </li>
            <li class="li1"><img src="~/assets/img/zssc73.png" width="87" height="87">
              <div>
                <h4>进度掌握</h4>
                <p>服务全程进行跟进 </p>
              </div>
            </li>
            <li class="li1"><img src="~/assets/img/zssc74.png" width="87" height="87">
              <div>
                <h4>专属服务</h4>
                <p>专业顾问全程一对一<br/>服务</p>
              </div>
            </li>
            <li class="li6 last"><img src="~/assets/img/zssc75.png" width="87" height="87">
              <div>
                <h4>提供售后</h4>
                <p>服务问题及时解决并<br/>反馈</p>
              </div>
            </li>
          </ul>
        </div>
      </section>
    </div>
    <my-ft></my-ft>
  </div>
</template>

<script>
  import axios from 'axios';
  import $ from 'jquery';
  import JZGSRMFW from '~/components/jzgsrmfw.vue'
  export default {
    name: 'HelloWorld',
    data () {
      return {
        gj1:'select',
        gj2:'',
        swiperOption: {
          loop: true,
          slidesPerView: 5,
          centeredSlides: true,
          autoplay:{
            delay:5000,
            disableOnInteraction:false,
            spaceBetween:5000,
            loop:true,
          },
          pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true
          },
          on: {
            slideChange() {
            },
            tap() {
            }
          }
        },
        gjname:['工商服务顾问','财税记账顾问','商标知产顾问','社保人事顾问','社保人事顾问','资质商城顾问','工商服务顾问','工商服务顾问','财税记账顾问','财税记账顾问'],
      }
    },
    async asyncData ({ params }) {

    let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
    let nh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Service/serviceDetailsData`,{
      params:{
        serviceid:params.id
      }});
    let nh4 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData`,{
      params:{
        serviceid:params.id
      }});
    let nh5 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Service/popularData`);

    let nh6 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/QybDetailImg/getQybDetailImg`,{
      params:{
        threeid:params.id,
//      twoid:this.$route.query.name
      }});

    let data  = {nav:nh.data,xqdata:nh3.data,gj:nh4.data,rmfw:nh5.data,imgurl:nh6.data};
    return { title: data}
  },
  components:{
    JZGSRMFW
  },
  mounted:function(){

  },
  computed: {

  },
    head() {
    	return {
    		title: '北京建筑公司变更__企业邦',
    		meta: [{
    				hid: 'description',
    				name: 'description',
    				content: '北京建筑公司变更_企业邦'
    			},
    			{
    				hid: 'keywords',
    				name: 'keywords',
    				content: '北京建筑公司变更_企业邦'
    			}
    		]
    	}
    },
    methods:{
    xqbg:function(e){
      $('.qhgj a').removeClass('select');
      $('.qhgj .'+e).addClass('select');
    },
    }
  }
</script>

<style>

</style>
